.ui-dialog {
    z-index: 333
}

.WPEDIT_ADDCTRL {
    height: auto !important
}

.WPERR_Error, .WPERR_Fatal, .WPERR_Information, .WPERR_Login, .WPERR_Success, .WPERR_Validation, .WPERR_Warning {
    display: block;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #bce8f1;
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: 10px
}

    .WPERR_Error:before, .WPERR_Fatal:before, .WPERR_Information:before, .WPERR_Login:before, .WPERR_Success:before, .WPERR_Validation:before, .WPERR_Warning:before {
        padding-right: 5px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.WPERR_Error, .WPERR_Fatal, .WPERR_Login {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.WPERR_Validation, .WPERR_Warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.WPERR_Information {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.WPERR_Success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.WPERR_Error:before, .WPERR_Fatal:before, .WPERR_Login:before {
    content: "\f06a"
}

.WPERR_Validation:before, .WPERR_Warning:before {
    content: "\f071"
}

.WPERR_Information:before {
    content: "\f05a"
}

.WPERR_Success:before {
    content: "\f00c"
}

.err {
    font-weight: 700;
    color: Red
}

.widgetcontent p label {
    margin-right: 8px;
    min-width: 200px
}

.widgetcontent p input[type=password], .widgetcontent p input[type=text], .widgetcontent p textarea, .wpc_subscribe_form p input, fieldset p input {
    color: #666;
    border: 1px solid #ddd;
    padding: 8px;
    margin: 0 0 1.5em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box
}

body {
    font-family: Lato,sans-serif;
    background-color: #ffffff;
    font-weight: 400;
    color: #1a2e0f;
}


body, form, html {
    height: 100% !important;
    display: block
}

    body.top-pad {
        to padding-top: 90px
    }

.rowclear {
    clear: both;
    width: 100%;
    height: 20px;
    display: block;
}

.navbar {
    min-height: 90px
}

.img-portfolio {
    margin-bottom: 30px
}

.navbar-brand {
    margin-top: 0
}

.img-hover:hover {
    opacity: .8
}

.breadcrumbwrap {
    background-color: #f1f3e9;
    margin-bottom: 20px;
}

.breadcrumb {
    margin-bottom: 0;
    background-color: #f1f3e9;
    border-radius: 0;
}

    .breadcrumb li, .breadcrumb > .active, .breadcrumb > li + li::before {
        color: #4d4d4d
    }

        .breadcrumb li a:link, .breadcrumb li a:visited {
            font-size: 12px;
            text-transform: uppercase;
            color: #737666;
        }

        .breadcrumb li a:hover, .breadcrumb li a:active {
            color: #6db745;
        }

.articletop {
    height: 70px;
    width: 100%;
    background: #527432 url(/wp-content/images/articlebg.jpg);
    background-size: cover;
}

@media (max-width:768px) {
    .articletop {
        height: 20px;
        width: 100%;
        background: #527432;
        background-image: none;
    }
}



.list-group-item.active, .list-group-item.active:focus {
    background-color: #e7eada;
    border-color: #c1c7ab;
    color: #000
}

    .list-group-item.active:hover {
        background-color: #fefefe;
        border-color: #c1c7ab;
        color: #000
    }

.results-list li {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#home {
    position: relative
}


.prodgroup-icon {
    max-width: 50px;
    max-height: 50px;
}

.intro {
    padding: 30px;
    position: absolute;
    bottom: 70px;
    left: 40px;
    right: 40px;
    width: auto;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center
}

    .intro h2 {
        text-transform: none;
        color: #fff;
        margin: 0;
        font-size: 40px;
        padding: 0 0 20px
    }

    .intro .subscribe {
        position: relative;
        height: 42px;
        padding: 0
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #e7eada
}

.preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:996px) {
    .preview {
        margin-bottom: 20px
    }
}

.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px
}



    .preview-thumbnail.nav-tabs li {
        width: 18%;
        margin-right: 2.5%
    }

        .preview-thumbnail.nav-tabs li img {
            max-width: 100%;
            display: block
        }

        .preview-thumbnail.nav-tabs li a {
            padding: 0;
            margin: 0
        }

        .preview-thumbnail.nav-tabs li:last-of-type {
            margin-right: 0
        }

.tab-content {
    overflow: hidden
}

    .tab-content img {
        width: 100%;
        -webkit-animation-name: opacity;
        animation-name: opacity;
        -webkit-animation-duration: .3s;
        animation-duration: .3s
    }

.cardwrapper {
    /*box-shadow: 0 0 3px 1px rgba(0,0,0,.12)*/
}

.card {
    padding: 3em;
    line-height: 1.5em
}

@media screen and (min-width:997px) {
    .wrapperproductdetails {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;

    }
}

.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.colors {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.colors, .price, .product-title, .sizes {
    text-transform: UPPERCASE;
    font-weight: 700
}

    .checked, .price span {
        color: #ff9f1a
    }

.price, .product-description, .product-title, .rating, .sizes, .vote {
    margin-bottom: 15px
}

.product-title {
    margin-top: 0
}

.size {
    margin-right: 10px
}

    .size:first-of-type {
        margin-left: 40px
    }

.color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 2em;
    width: 2em;
    border-radius: 2px
}

    .color:first-of-type {
        margin-left: 20px
    }

.add-to-cart, .like {
    background: #ff9f1a;
    padding: 1.2em 1.5em;
    border: none;
    text-transform: UPPERCASE;
    font-weight: 700;
    color: #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

    .add-to-cart:hover, .like:hover {
        background: #b36800;
        color: #fff
    }

.not-available {
    text-align: center;
    line-height: 2em
}

    .not-available:before {
        font-family: fontawesome;
        content: "\f00d";
        color: #fff
    }

.orange {
    background: #ff9f1a
}

.green {
    background: #85ad00
}

.blue {
    background: #0076ad
}

.tooltip-inner {
    padding: 1.3em
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* scaling effect */
/*
@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}*/

.container.gallery-container {
    background-color: #fff;
    color: #35373a
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: Lato,sans-serif;
    font-weight: 700
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999
}

.tz-gallery {
    padding: 40px
}

    .tz-gallery .row > div {
        padding: 2px
    }

    .tz-gallery .lightbox img {
        width: 100%;
        border-radius: 0;
        position: relative
    }

    .tz-gallery .lightbox:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -13px;
        margin-left: -13px;
        opacity: 0;
        color: #fff;
        font-size: 26px;
        font-family: 'Glyphicons Halflings';
        content: '\e003';
        pointer-events: none;
        z-index: 9000;
        transition: .4s
    }

    .tz-gallery .lightbox:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: rgba(46,132,206,.7);
        content: '';
        transition: .4s
    }

    .tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before {
        opacity: 1
    }

.baguetteBox-button {
    background-color: transparent !important
}

@media (max-width:768px) {
    body {
        padding: 0
    }
}

.progress {
    background-color: #e9e9e9
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative
    }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #e9e9e9;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #e9e9e9;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px
            }

        .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot, .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after, .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot, .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot:after {
            background-color: #75bae4
        }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0;
            height: 8px;
            box-shadow: none;
            margin: 20px 0
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0;
                box-shadow: none;
                background: #e9e9e9
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
            background-color: #75bae4
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
            background-color: #75bae4
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #e9e9e9
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none
        }

a.carousel-arrow {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -25px;
    background: 0 0;
    color: transparent;
    font-size: 32px;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: background 300ms,color 300ms;
    -o-transition: background 300ms,color 300ms;
    transition: background 300ms,color 300ms;
    padding-top: 8px
}

.carousel:hover a.carousel-arrow {
    background: rgba(0,0,0,.5);
    color: #FFF
}

.docpreview {
    border: 1px solid rgba(0,0,0,.175)
}

.carousel:hover a.carousel-arrow:active, .carousel:hover a.carousel-arrow:hover {
    background: rgba(0,0,0,.7);
    text-decoration: none
}

a.carousel-arrow-prev {
    left: 10px;
    right: auto;
    padding-right: 5px
}

a.carousel-arrow-next {
    right: 10px;
    left: auto;
    padding-left: 5px
}

ul.file-list > li {
    padding: 0 0 7px
}

    ul.file-list > li > a {
        font-family: Lato,sans-serif;
        font-weight: 700
    }

        ul.file-list > li > a > img {
            padding-right: 7px
        }

        ul.file-list > li > a:active, ul.file-list > li > a:hover {
            text-decoration: none;
            color: #02598e
        }

ul.cat-nav {
    list-style: none;
    margin: 0;
    padding: 0
}

    ul.cat-nav > li {
        padding: 5px 0
    }

        ul.cat-nav > li > a {
            font-family: Lato,sans-serif;
            font-weight: 700;
            font-size: 16px
        }

        ul.cat-nav > li.active > a {
            color: #02598e
        }

        ul.cat-nav > li ul {
            list-style: none;
            margin: 15px 0 5px 20px;
            padding: 0
        }

            ul.cat-nav > li ul li a {
                font-family: Lato,sans-serif;
                font-weight: 700;
                font-size: 14px
            }

            ul.cat-nav > li ul li.active a {
                color: #02598e
            }

h1 {
    font-family: Lato,sans-serif;
    font-weight: 300;
    color: #3d6b23;
}

h2 {
    font-family: Lato,sans-serif;
    font-weight: 700;
    color: #6db745;
}

h3 {
    font-family: Lato,sans-serif;
    font-weight: 300;
    color: #3d6b23;
}

h4 {
    font-family: Lato,sans-serif;
    font-weight: 300;
    color: #3d6b23;
}

h5 {
    font-family: Lato,sans-serif;
    font-weight: 700;
    color: #6db745;
}


h1 {
    font-size: 45px
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-right {
    margin-top: 25px
}

.home-slider {
    margin: 150px 0 70px;
    text-shadow: 0 0 7px #2f7e99;
    font-size: 18px
}

    .home-slider a.btn {
        text-shadow: none
    }

    .home-slider a.btn-slider {
        background: 0 0;
        border: 0;
        font-family: Lato,sans-serif;
        font-weight: 700;
        font-size: 22px;
        color: #fff
    }

        .home-slider a.btn-slider:hover {
            color: #b7e4f4;
            text-decoration: none
        }

    .home-slider h1 {
        color: #fff;
        font-family: Lato,sans-serif;
        font-weight: 700;
        font-size: 36px
    }

    .home-slider img {
        border: 2px solid #ccc;
        box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
        margin: 10px
    }

        .home-slider img.transimg {
            border: 0;
            box-shadow: none
        }

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        min-width: 220px
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff
    }

    .dropdown-submenu.pull-left {
        float: none
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px
        }

.navbar-default .navbar-nav .dropdown-menu a:visited, .navbar-default .navbar-nav .dropdown-submenu a:link {
    font-family: Lato,sans-serif;
    text-shadow: none;
    color: #1372ac;
    margin-left: 0;
    padding: 3px 20px 3px 10px;
    font-size: 15px
}

.dropdown-submenu.noitem > a:after {
    content: none
}

.extrapad {
    padding: 25px 0
}

.extrapadbtm {
    padding-bottom: 45px
}

.copy {
    padding-top: 25px;
    font-size: 12px;
    font-weight: 700
}

.form-control, .input-group-btn {
    box-shadow: 0 0 3px 2px rgba(0,0,0,.1)
}

.logorow {
    display: inline;
    margin: 0;
    padding: 0
}

.navsplit {
    display: inline
}

.centered-img-helper {
    margin: auto
}

.price-bk-color-1 {
    background-color: #fefefe
}

.price-bk-color-2 {
    background-color: #f8f9f3
}

.price-bk-color-3 {
    background-color: #c1c7ab
}

.price-bk-color-4 {
    background-color: #a0a77f
}

.price-padding-btm {
    padding-bottom: 50px
}

.price-button-color, .price-button-color:hover {
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

.price-pricing-eleven {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    color: #fff;
    line-height: 30px
}

    .price-pricing-eleven ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding-left: 0
    }

        .price-pricing-eleven ul li {
            padding-top: 20px;
            padding-bottom: 20px;
            cursor: pointer
        }

            .price-pricing-eleven ul li i {
                margin-right: 5px
            }

    .price-pricing-eleven .price {
        background-color: rgba(0,0,0,.5);
        padding: 40px 20px 20px;
        font-size: 60px;
        font-weight: 900;
        color: #FFF
    }

        .price-pricing-eleven .price small {
            color: #B8B8B8;
            display: block;
            font-size: 12px;
            margin-top: 22px
        }

    .price-pricing-eleven .type {
        background-color: #1a2e0f;
        padding: 50px 20px;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 30px
    }

    .price-pricing-eleven .pricing-footer {
        padding: 20px
    }

.price-attached > .col {
    padding-left: 0;
    padding-right: 0
}

.price-pricing-eleven.popular {
    margin-top: 10px
}

    .price-pricing-eleven.popular .price {
        padding-top: 80px
    }

.single-slide-item {
    height: 590px
}

.single-item-table {
    display: table;
    width: 100%;
    height: 100%
}

.single-item-tablecell {
    display: table-cell;
    vertical-align: middle
}

.single-item-content, .single-item-content a {
    color: #EAE9EA
}

.slider-area.slider-overlay:before {
    background-color: rgba(0,0,0,.5)
}

.single-item-content h2 {
    font-family: Lato,sans-serif;
    letter-spacing: 0;
    font-size: 40px;
    margin-top: 0;
    line-height: 1.3em;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 4px 6px rgba(0,0,0,.5)
}

.single-item-content p {
    margin: 30px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #fff
}

.winxpro-btn {
    padding: 10px 30px;
    font-weight: 500;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #fff;
    color: #6db745
}

a.winxpro-btn:link, a.winxpro-btn:visited {
    color: #6db745;
    background-color: #fff;
    text-decoration: none
}

a.winxpro-btn:active, a.winxpro-btn:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

.cta-btn:before, .winxpro-btn:before {
    right: 0;
    color: #fff;
    margin: 0 auto;
    width: 0
}

.winxpro2-btn {
    padding: 10px 30px;
    font-weight: 500;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #fff;
    color: #6db745
}

a.winxpro2-btn:link, a.winxpro2-btn:visited {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

a.winxpro2-btn:active, a.winxpro2-btn:hover {
    color: #6db745;
    background-color: rgba(255,255,255,.7);
    text-decoration: none
}

.cta-btn:before, .winxpro2-btn:before {
    right: 0;
    color: #fff;
    margin: 0 auto;
    width: 0
}

.slide-btn {
    margin-top: 10px;
    margin-right: 10px
}

.single-item-content.owl-content, .single-item-content.owl-content a {
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.single-item-content.owl-content {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px)
}

    .single-item-content.owl-content a {
        -webkit-transform: translateY(130px);
        transform: translateY(130px)
    }

.active .single-item-content.owl-content, .active .single-item-content.owl-content a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 200ms ease-in 0s;
    transition: all 200ms ease-in 0s
}

.slider-area .owl-controls .owl-dots {
    position: absolute;
    top: 50%;
    right: 190px;
    margin-top: -20px
}

    .slider-area .owl-controls .owl-dots div {
        display: block;
        margin-top: 10px;
        background-color: #ffffff;
        width: 40px;
        height: 3px
    }

        .slider-area .owl-controls .owl-dots div.active {
            width: 55px;
            margin-left: -15px
        }

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    border: 0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block !important;
    border: 0px solid black;
}

    .owl-prev i, .owl-next i {
        transform: scale(1,6);
        color: #ccc;
    }



#camera-slide {
    height: 550px !important
}

.camera_wrap {
    float: none;
    z-index: inherit
}

.camera_commands {
    display: none
}

.single-item-content a, .single-item-content h2, .single-item-content p {
    position: relative
}

.faqbox {
    background-color: #e7eada;
    color: #fff;
    box-shadow: 0 0 4px 0 #000;
    padding: 8px
}

.wppcform {
    margin: auto auto 35px;
    padding: 20px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.35)
}

.wppostcommentbox {
    margin-top: 15px;
    width: 100%;
    padding-bottom: 50px
}

.wppccomment {
    padding-bottom: 20px;
    padding-top: 5px
}

.wppostcommentbutton {
    margin-top: 15px
}

@media only screen and (max-width:442px) {
    .intro h2 {
        font-size: 25px
    }
}

a {
    color: #6cb745;
    font-weight: 700
}

    a:hover {
        color: #84de54
    }

.btn-primary {
    background-color: #6db745;
    border-color: #6db745;
    color: #000;
}

    .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
        background-color: #bae9a1;
        border-color: #bae9a1;
        color: #000
    }

.img-vignette-container {
    position: relative;
    overflow: hidden
}

    .img-vignette-container:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 120%;
        padding-bottom: 120%;
        box-shadow: inset 0 0 150px 60px rgba(0,0,0,.4);
        border-radius: 50%
    }

    .img-vignette-container img {
        max-width: 100%;
        display: block
    }

.img-border {
    border: 1px solid #b2b2b2
}

h1, h2, h3, h4, h5, h6 {
    font-family: Lato,sans-serif
}

h1, h2, h3 {
    font-weight: 300
}

.navbar-default {
    background-color: #e7eada;
    border-bottom: 0 none;
    font-family: Lato,sans-serif;
    margin-bottom: 0
}

    .navbar-default.navbar__initial {
        padding-top: 10px;
        background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
        background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
        background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
        background: linear-gradient(to top,rgba(0,0,0,0),#2c3b8f)
    }

    .navbar-default li a:link, .navbar-default li a:visited {
        font-size: 14px;
        color: #1a2e0f;
        font-weight: 700
    }

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #6db745;
        font-weight: 700
    }

#main_nav ul {
    margin-top: 10px
}

.navbar-brand {
    height: 83px
}

.navbar-default.navbar__initial .navbar-brand {
    height: 83px;
    overflow-y: visible
}

.navbarpad {
    margin-top: 90px
}

@media (min-width:768px) {
    .navbar-nav > li > a::after {
        content: "";
        display: block;
        position: absolute;
        left: 51%;
        right: 51%;
        bottom: 0;
        height: 0;
        border-bottom: 3px solid #6db745;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .navbar-nav > li > a:focus::after, .navbar-nav > li > a:hover::after {
        left: 0;
        right: 0
    }

    .navbar-nav > li.disabled > a::after {
        display: none
    }
}

.topbar {
    color: #1a2e0f;
    min-height: 35px;
    font-family: Lato,sans-serif;
    font-size: 13px;
    letter-spacing: 1px
}

    .topbar .list-inline {
        margin: 0;
        padding: 0
    }

    .navbar-alt .topbar li a:link, .navbar-alt .topbar li a:visited, .navbar-default .topbar li a:link, .navbar-default .topbar li a:visited, .topbar a:link, .topbar a:visited {
        color: #1a2e0f;
        font-weight: 400;
        font-size: 13px;
        text-transform: none
    }

.navbar-alt .topbar li a:hover, .navbar-default .topbar li a:hover {
    color: #f06623
}

.topbar a:link .fa, .topbar a:visited .fa {
    color: #1a2e0f
}

.topbar a:hover .fa {
    color: #f06623
}

.floatimage img.icon {
    width: 75%;
    margin: 0 auto 20px
}

.floatimage_divider {
    border-right: 1px solid #d5d5d5
}

.floatimage h4 {
    font-weight: 400;
    font-size: 20px
}

.floatimage p {
    font-weight: 300;
    font-size: 13px
}

.btn-default.filter {
    border-radius: 0;
    text-align: left;
    color: #ccc;
    margin-bottom: 10px;
}

    .btn-default.filter.checked {
        border-radius: 0;
        background-color: #6db745;
        border-color: #6db745;
        color: #ffffff;
    }

    .btn-default.filter::before {
        font-family: FontAwesome;
        content: "\f10c";
        display: inline-block;
        padding-right: 4px;
        vertical-align: middle;
        color: #ccc;
        font-size: 20px;
        line-height: 14px;
        font-weight: 300;
    }

    .btn-default.filter.checked::before {
        color: #fff;
        content: "\f05d";
    }

.parallax {
    background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/wp-content/images/BG_Images/Parallax.jpg) 50% 0 fixed;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    padding: 220px 0;
    background-size: cover;
    color: #fff;
    height: auto;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    position: relative
}

.parallax2 {
    background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/wp-content/images/BG_Images/Parallax2.jpg) 50% 0 fixed;
}

.parallax h2 {
    color: #ffffff;
}

.section {
    padding: 35px 0
}

.section1 {
    background: #e7e9db;
    padding-top: 320px;
    margin-top: -30px
}

@media (min-width:768px) {
    .section1 {
        background-image: url(/wp-content/images/BG_Images/FlowerBG.gif);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat
    }
}

@media (min-width:991px) {
    .WidthManagement {
        height: 0;
        margin-bottom: 0
    }

    .floatimage {
        padding-bottom: 50px;
        margin-top: -67px;
        z-index: 1;
        position: relative;
        background-color: #fff
    }

    .FloatingMobile {
        display: none
    }

    .section1 {
        background: #e7e9db;
        padding-top: 320px;
        margin-top: -30px
    }
}

.section2 {
    background: #8b8b8b
}

.section3 {
    background: #e7eada;
    color: #fff
}

.section5 {
    background: #1a2e0f;
    color: #fff
}

.section6 {
    background: #f06623;
    color: #b6caca
}

.section7 {
    background: #333;
    color: #fff
}

.section8, .zigzag {
    position: relative;
    background: #e7eada;
    color: #fff
}

    .section8 h2.section-title {
        font-size: 45px
    }

@media (max-width:768px) {
    .section8 h2.section-title {
        font-size: 30px
    }
}

.section8:before, .zigzag:before {
    background: linear-gradient(-45deg,#e7eada 16px,transparent 0),linear-gradient(45deg,#e7eada 16px,transparent 0);
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 32px 32px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    margin-top: -32px
}

.section .textcol {
    text-align: center
}

    .section .textcol h2::after {
        background: #e7eada;
        content: " ";
        display: block;
        height: 7px;
        margin: 20px auto;
        padding: 0;
        position: relative;
        width: 70px
    }

    .section .textcol h3::after {
        background: #6db745;
        content: " ";
        display: block;
        height: 3px;
        margin: 20px auto;
        padding: 0;
        position: relative;
        width: 70px
    }

.wp-block-col {
    padding: 5px
}

.wp-block {
    padding: 10px 15px;
    height: 185px;
    color: #dedede
}

    .wp-block h2 {
        font-size: 20px
    }

.wp-block1 {
    background-color: #8c8c8c
}

.wp-block2 {
    background-color: #757575
}

.wp-block3 {
    background-color: #5f5f5f
}

.wp-block4 {
    background-color: #cbbf8c
}

.wp-block em.fa {
    font-size: 35px;
    color: #003144
}

.wp-block a:link, .wp-block a:visited {
    color: #B86B00;
    font-weight: 700
}

.bubble {
    position: relative;
    display: inline-block;
    max-width: 250px;
    min-height: 1.5em;
    padding: 20px;
    background: grey;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 90%;
    font-style: italic;
    margin: 20px auto;
    text-align: left;
    color: #191919
}

    .bubble .customer {
        font-style: normal;
        font-weight: 700
    }

    .bubble:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 60%;
        border-style: solid;
        display: block;
        width: 0;
        z-index: 1;
        color: transparent
    }

    .bubble:before {
        content: "";
        position: absolute;
        bottom: -15px;
        left: calc(57%);
        border-style: solid;
        border-width: 18px 18px 0;
        border-color: grey transparent;
        display: block;
        width: 0;
        z-index: 0
    }

.flexi-slide {
    height: 80%
}

    .flexi-slide .carousel-inner, .flexi-slide .item, .flexi-slide .item.active {
        height: 100%
    }

    .flexi-slide .fill {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover
    }

.btn-carousel, .carousel-caption .btn.btn-carousel {
    border-radius: 0;
    border: 2px solid #fff;
    color: #fff;
    margin: 10px 15px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .btn-carousel:hover, .carousel-caption .btn.btn-carousel:hover {
        background-color: #fff;
        color: #000;
        text-shadow: none
    }

.home-display-input {
    background-color: transparent;
    border: 0;
    padding: 5px;
    font-size: 22px;
    color: inherit;
    font-weight: 700
}

.calc-row {
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 120%;
    color: #1a2e0f
}

    .calc-row strong {
        color: #333
    }

    .calc-row .lead {
        color: #1a2e0f;
        font-weight: 700
    }

.btn-featured {
    background-color: #1a2e0f;
    border-color: #1a2e0f;
    font-weight: 700
}

    .btn-featured:active, .btn-featured:focus, .btn-featured:hover {
        background-color: #283e1d;
        border-color: #283e1d
    }

.error-404 {
    font-size: 100px
}

.price {
    display: block;
    font-size: 34px;
    line-height: 50px
}

    .price sup {
        top: -20px;
        left: 2px;
        font-size: 20px
    }

.period {
    display: block;
    font-style: italic
}

.categorybar {
    padding-right: 20px;
}

    .categorybar li {
        border: 0 none;
        background-color: #e7eada;
        padding: 0;
    }

    .categorybar a:link, .categorybar a:visited {
        color: #93968a;
        display: block;
        padding: 10px 20px;
    }

    .categorybar li.active a:link, .categorybar li.active a:visited {
        color: #ffffff;
    }

    .categorybar li.active {
        background-color: #6db745;
    }

    .categorybar .list-group-item:hover {
        background-color: #f5f7ed;
    }

    .categorybar .list-group-item.active:hover, .categorybar .list-group .list-group-item.active:hover {
        background-color: #88d55e;
    }

    .categorybar a:link, .categorybar a:visited {
        color: #93968a;
    }

    .categorybar a:hover, .categorybar a:hover {
        text-decoration: none;
    }

    .categorybar .list-group-item:first-child, .categorybar .list-group-item:last-child {
        border-radius: 0;
    }

    .categorybar li.active:after {
        content: "";
        border-left: 0.75em solid #6db745; /* This width determines the arrows length */
        border-top: 15pt solid transparent; /* This width has to be 50% of 'line-height + padding-top + padding-bottom' */
        border-bottom: 15pt solid transparent; /* Same for this width */
        width: 0;
        height: 0;
        position: absolute;
        right: -.75em; /* This has to be the same value as 'border-left's width */
        top: 0;
    }

    .categorybar ul li.active:after {
        border-top-width: 14pt;
        border-bottom-width: 14pt;
    }

    .categorybar li.active:hover:after {
        border-left-color: #88d55e;
    }

    ]


    .categorybar .list-group-item:first-child, .categorybar .list-group-item:last-child {
        border-radius: 0;
    }

    .categorybar ul {
        margin-bottom: 0;
        border-bottom: 2px solid #6db745
    }

        .categorybar ul li {
            background-color: #f4f5ed;
        }

            .categorybar ul li a:link, .categorybar ul li a:visited {
                font-size: 12px;
                padding-left: 20px;
            }

            .categorybar ul li a:hover, .categorybar ul li a:active {
                background-color: #e9ebe0;
            }

            .categorybar ul li.active a:hover, .categorybar ul li.active a:active {
                background-color: #88d55e;
            }


.prod-listing {
    text-align: center;
}

    .prod-listing .img-responsive {
        margin: 0 auto;
        max-height: 230px;
    }

    .prod-listing.featured {
        background-color: #f5f5c6;
        border: 1px solid #e7eada;
        border-radius: 10px;
        min-height: 320px;
        margin-bottom: 10px;
        padding-bottom: 15px;
        padding-top: 15px;
    }

@media(max-width:768px) {
    .prod-listing.featured {
        min-height: unset;
    }
}

footer {
    background-color: #fff;
    color: #8b8b8b
}

    footer a:link, footer a:visited {
        color: #6db745
    }

    footer a.btn {
        color: #000
    }

    footer h4 {
        text-transform: uppercase;
        font-weight: 700
    }

.greymain {
    color: #8b8b8b
}

.colormain {
    color: #1a2e0f
}

.colorcompliment {
    color: #6db745
}

.topsection {
    background-color: #fff;
    padding: 14px 0
}

.bottomsection {
    background-color: #e7eada;
    padding: 10px 0 2px 8px
}

@media (max-width:991px) {
    .customer-img, .img-related {
        margin-bottom: 30px
    }

    .WidthManagement {
        margin-bottom: 50px;
        padding-top: 35px
    }

    .MarginEach {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .floatimage img.icon {
        width: 100%;
        margin: 0 auto 20px
    }

    .FloatingDesktop {
        display: none
    }

    .section1 {
        background: #e7e9db;
        padding-top: 35px;
        margin-top: 0
    }
}

@media (max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px
    }

    .flexi-slide .carousel {
        height: 70%
    }

    .navbar-brand {
        max-width: 75%
    }

    footer {
        padding: 0 10px
    }

    .navbar-default.navbar__initial {
        padding-top: 10px;
        background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
        background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
        background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));
        background: linear-gradient(to top,#2c3b90,#2c3b90)
    }
}

/* help/articles seciton */
.help-content, .help-content p {
    font-size: 14px;
}

.articleimgwrap {
    height: 120px;
    min-height: 120px;
    width: 100%;
    overflow: hidden;
}

.articlelisting h3 {
    margin-top: 0;
}

.articlelisting {
    margin-bottom: 20px;
}

.help-sidebar {
    font-size: 14px;
}

.help-content img {
    border: 2px solid #cccccc;
    filter: drop-shadow(5px 5px 10px rgba(0,0,0,.2));
    margin: 20px 0;
    max-width: 100%;
}

    .help-content img.nostyle {
        border: 0 none;
        filter: unset;
        margin: 0;
    }

.help-top-nav > li {
    width: 33%;
    text-align: center;
}

    .help-top-nav > li a:link, .help-top-nav > li a:visited {
        font-weight: 700;
        text-transform: uppercase;
        color: #b4b9b9;
    }

    .help-top-nav > li.nav-active a:link, .help-top-nav > li.nav-active a:visited {
        font-weight: 700;
        text-transform: uppercase;
        color: #6db745;
    }

    .help-top-nav > li a span.fa {
        margin-left: 5px;
    }

    .help-top-nav > li.nav-active {
        border-bottom: 2px solid #6db745;
    }

.help-sidebar {
}

    .help-sidebar h5 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .help-sidebar h5 a:link, .help-sidebar h5 a:visited {
            font-weight: 700;
        }

    .help-sidebar a:link .help-check {
        color: #e3e8e8;
        padding-right: 5px;
    }

    .help-sidebar a:visited .help-check {
        color: #5cb85c;
    }

    .help-sidebar ul.list-unstyled li {
        padding: 5px 0;
    }

        .help-sidebar ul.list-unstyled li a:link {
            font-weight: 700;
        }

        .help-sidebar ul.list-unstyled li a:visited {
            color: #b4b9b9;
        }

        .help-sidebar ul.list-unstyled li a.active:link, .help-sidebar ul.list-unstyled li a.active:visited {
        }

    .help-sidebar ul.list-unstyled.indent {
        margin-left: 10px;
    }

@media(max-width:767px) {
    .help-top-nav > li {
        width: 100%;
        text-align: center;
    }
}

.filter label {
    padding-left: 7px;
}

a.dealerlink:link, a.dealerlink:visited {
    color: #ffffff;
    border-color: #ffc068;
    background-color: #ff9f1a;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}

.btn-browse {
    color: #fff;
    padding: 8px 15px;
    font-weight: bold;
    border-radius: 5px;
}

.items-container > div:nth-child(n+4) {
    padding-top: 50px;
}

.items-container > div:nth-child(2) > a.btn-browse {
    background: #fdb515;
}

.items-container > div:nth-child(3) > a.btn-browse {
    background: #0055b8;
}

.items-container > div:nth-child(4) > a.btn-browse {
    background: #e04403;
}

.items-container > div:nth-child(5) > a.btn-browse {
    background: #007853;
}

.mt-50 {
    margin-top: 50px;
}


.preview-pic.tab-content {
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}